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<?php 




$ POST) ; \ 




Saum-O; 


. m <table border 
/ <tr> 



«'xi race \ 

i ysot (^camera ) ) 
iioC’No Camera selected"); 


f #i 

'A * m X 


\ 


for < count ( $c«ir\c r a ) / ♦ ♦ $ i ) 

^cam-explode ("*•", $ earner a [$i 1 ) ; 
$»um**-$cam ( 0 ) ; 

$avq-$.num/count (Scamera) ; 
echo "The Average Price Is $avq <br />*;bi 

w 


iii 


a 1 iqn- * cent 


er 



width-* 100* height 


oxpl 

ode 

H 

\ 

" . $C u 

cam [ 

0 ) 

> $ 

avg) | 

echo 

ft ... 

C. 

td> 

M . 
- 

echo 

•V 

img 

arc- 

100* 

/ v 

•• * 
# 


echo 

M ^ 

/td 

% ** • 
i 

♦ +$c 

% 

0 



if (i 

§S — % 

9 \m m 

• ! ) 



\ 


» *i 


•$plc[$cam[ l ) 


It I 


echo "</t r><tr>"; 


V L 


I 









Ol-Af Multiple Choice Question* |5 Marks) 

L Pg* 0 * “ ««* * the trouser toprovidc 







to Wi 


b - Ml 

c. TCP 
<1 DNS 


* HTML fife is * 

a- Statx 

h- Dynamic 
c Active 

^ None of the above 






of 


*eb document t>pe. 







The <camas^ element m JTTML5 b used 
* diipbv database record, 
draggable eiemems 

J manipulate data m MySQL 

■ ^rssr - ^ 

b. M/ML 
c SNMP 

Ain 


to: 


the following should be used'' 




5. What*, the 


H ™ 1 ' 5 dcmen * for Pbymg audio fifes? 


mp 3 



b 

«■ 

A < modiz> 



Qt Bf Answer (he following 9««iio«, brirn.v |2+3=5 M arks | 

“"V * fc * a » 7 ®W HTML example on 

— -ii cfeatrly <fev. n hr* km , . 

P ro t rt *l *d the developer. °T V "**»■"* to d* brew*. ^ 

**l» <e • • * 2 ' ^ ,;i t '/' J 

+'*"*r n Internet Expfa«,» 






201 l..</p> 
^VUclc^ 


«*rew«ed * 1M, w M miea^ to fc 


P^ic on March 14 . 
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2 - 1 isl ’ ,K W features in I IT MLS oihcr ihi 


in semantic elements 


* nnvas for drawing 

\ nl«* n ml audio elements lot media play back 
New form controls like date, calendar 
Support lor local storage 




Question 2 : HTML 

Q2-A) Design the following HTML page using fable for all the contents: 


1 10 Marks) 


Konord Search 


Search 


Text Text Text 
I ext Texi Text 
I ext T ext Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 


Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 
Text Text Text 


Text Text 
Text Text 
Text Text 
Text Text 
Text Text 
Text Text 
Text Text 
Text Text 
Text Text 
Text Text 



<httnlxbody> 

,\ • t able bordor-*0' align~*centcr* width-*600*> 

*%tr> 

,^<th col span** 3' > 

<form> 

« Keyword Search <input /> 

< input type* ' submit ' value** Search* /> 
</f ormx/th> 


^ I <td width** 300* rowspan*'2* 


>Text Text Text Text 


<td width**200* rowapan**2 * > 

<irnq arc* *pl.jpg* width**200* height® * 200 * / 

</td> 

<td> 

i\ f<img arc* ’p2.jpg* wldth**95* height-*95* 

$></td> 

L </tr> 

<td> 


* imq arc 'p3. png' width '95' height 

'‘•</td> 


’ 95’ 


■</html> 


Question 3 : CSS 

A) ( rcaic external style sheet that defines the following formatting: 

| J ' <> Murks | 

a* Create a class that change the text to uppercase, red color and underlined 

1 1 ( hd2 ^ c thc font t0 and size to 1 8pt for aJl p and headers (h I -h6) 
elements. 


L 


mvclass 


i 


j 


text-transform: uppercase; 1 
color: red; 

text-decoration: underline; 


p,hl.h2.h3.h4Ji5,h6 { * 

font-size: 18pt; • 

font-family: ariaJ; j 

I 



column-counl:4; 

column-gap:60px; 

) 



Q3-B) What is thc meaning of each of the 
drawing with explanation? 


CSS3 Code 


following CSS3 code. Give example by 


12+2 = 4 Marks] 


Draw and Exp lain 

All paragraphs will be displayed using 4 
columns paragraph with 60px gap 
between columns as show below 








All images will change imposition and 
width with 1 5 seconds duration as 
shown below 


position: relative; 
animation: myweb 1 5s; 

@kcyframes myweb 

{ 

I width: 100; lcft:0px; top:0px; } 
{width:200; lcft:0px; Iop:l00p\;} 
{width:300; Icft:300px; top:IOOpx;( 
widlh:200; left:I50px; top:50px;} 
width: 100; left.Opx; top:0px;) 





\x 



Question 4; 

Q3-A ) ntc the necessary PHP code to implement the following 

1. Block all users whose IP starts with 88 15 from accessing your webpage b> 
displaying YOU ARK NOT AUTHORIZED TO VIEW THIS PAGE message 
I erminate the program if this happen. 

|3 Marks! 


. . - ..,44, a 1.5 

SuserIP cxplode<“\.“ S Si:RVl:R| Rl-:MOTH ADDR’]); 
if(SuserlP|0|— 88 && SuscrIPf I )— 15) n $ 

dic(“YOU ARE NOT AUTHORIZED TO VIEW THIS PAGE 1. * v 


2. Store the following information in associative array called country with 
numeric array as value holding Capital and Continent. 

* y"?— — ——•■■>' ■■ ■* ■ ■ | 

Country Capital Continent 

Bahrain | Manama i Asia 

England | London j Europe j 

|2 Marki| 


Scountiy["Bahrain”)~array( M Manama* . •“Asia '); 1 
Scountiy ("England”) T array("lx>ndon\ "Europe”); * 


3. Assuming you’ve a very long list of country information in the array you 
defined in Part 2, display the contents in nested HTML list as follows: 

1. Country: XXXX 

• Capital: XXXX 

• Continent: XXXX 

2. Country: YYYY 

• Capital: Y f YYY 

• Continent: YYYY 
And so on.... 

|5 Marks) 


~) C 

4># <?php 

(breach (Scountrv as $k= r >Sv) 

{ > - f, | 

^ V I <li> Country: <?php echo $k;?> 
j <uV> 

y u | <li > Capital: <?php echo Sv[0J;?x/li> 

i <li> Continent: <?php echo S\ 1 1 |:?x/li> 

l</ul> — 

</li> 

} <?php 
f> 

</ol> 


Mm 


\scckv Whenever the user visit your page again uiu, 

os in the following example: 

Your I nM Vi*it Date was on MON 4, 11*1 


15 Marks| 



r t 

if(issct($ COOKlEplastvisit'])) 

SlastVisit *\S_C00K>lE| 4 lastvisit*l; , 

sdcookieflashisif. datc("D d. m-y". 3 # 7 # r4*60 # t>0*timc( »>. 
*if(issct($lastVisit)) 

echo "Your Last Visit Date was on -.Slast Visit; 




Q3-B) Assume you have HTML form with unknown number of table rows as 

follows: 

1 15 MarksJ 


<form method = "post' action=’View.php' , > 

<tablc border- '0*> 

<tr> 

<ldxinput type^'checkbox' namc^'cmmcrall' value- 3 '200-07></td> 
<tdximg src-cl.jpg* width-*100* height v 100' f> 

<input type^liidden' name-'pic||’ valuc^'cl.jpg’ t> 

<lld> 

<td>! > ricc: BD 200</td> 

</tr> 

<tr> 

<td><input type" ‘checkbox’ name 'camera || value '300~l'/></td> 
<td><img src='c2.jpg* width -’100* height-' 100' t> 

<input type-'hidden' namc='pic||' value s ’c2 jpg' l> 

</td> 

<ld> Price: BD 300</td> 

</tr> 


</table> 

<p align -, centcr*><input type**submif value ’Display' /></p> 
</form> 


The value of each checkbox (PRICE>ROWPosition) represents the camera price 
and camera row position in the table (0 for 1 1 camera, 1 tor 2 camera, etc ). The user 
can select any number of cameras by ticking their corresponding checkboxes. Write a 


PHP program (view.php) that: 

1. Displays the average camera price for only selected cameras. Apt 
error message should be displayed if no camera checkbox is selected. 

2. Using only selected cameras, display the cameras pictures whose 
greater than average price in HTML table using grid view of si/c . 
per row as shown below: 


iropnatc 

price is 
pictures 


